@import '../../config/base.scss';

.hot-goods{
    margin: 0 $gap;
    .hot-box{
        margin-top: 15px;
        border-bottom: 1px solid #f2f2f2;
        overflow: hidden;
        padding-bottom: 10px;
        .img-wrapper{
            background: url('../images/hot_default.png') no-repeat;
            background-size: 100%;
            border-radius: 5px;
            img{
                width: 100%;
                display: block;
                border-radius: 5px;
            }
        }
    }
}

.hot-box-des{
    p{
        line-height: 20px;
        margin: 0;
    }
    .goods-name{
        color: #000;
        font-size: 15px;
        line-height: 24px;
    }
    .goods-price{
        font-size: 15px;
        line-height: 21px;

        span{
            color:$base-orange;
        }
    }
    .goods-price-sign{
        border:1px solid $base-orange;
        border-radius: 4px;
        padding: 1px 2px;
        font-size:12px;
    }
    .goods-common-price{
        font-size: 11px;
        color:#C3C3C3;
    }
}
.hot-box-buy{
    float: right;

    .advance{
        display: inline-block;
        width: 70px;
        height: 24px;
        border-radius: 12px;
        background-color: $base-orange;
        text-align: center;
        line-height: 24px;
        color: #FFF;
        font-size: 11px;
    }

    i{
        font-size:$fs-xlarge;
        margin-right:10px;
        color:$base-green;
    }

    .stock{
        padding:2px 8px;
        border-radius:5px;
        color: #FA2626;
        font-size: 11px;
    }
}
